#set( $usertype = "Hospital" )
#parse( "header.html" )

<div id="_HEALTH_filter"></div>

<table width="100%">
    <tr>
        <td valign="top" width="200px">
            <div class="well">
                <h3 id="myModalLabel">Neuen OP Slot anlegen</h3>

                <table>
                    <tr>
                        <td>Datum:</td>
                        <td><span class="input-append date datepicker"><input name="date" type="text" id="slotPicker"
                                                                              data-format="dd.MM.yyyy"><span
                                class="add-on"><i
                                data-date-icon="icon-calendar"></i></span></span></td>
                    </tr>
                    <tr>
                        <td>Uhrzeit:</td>
                        <td>
                            <span class="input-append time timepicker"><input name="startTime" type="text"
                                                                              id="startSelector"
                                                                              style="width:50px"><span
                                    class="add-on"><i data-date-icon="icon-time"></i></span></span>
                            -
                            <span class="input-append time timepicker"><input name="endTime" type="text"
                                                                              id="endSelector"
                                                                              style="width:50px"><span
                                    class="add-on"><i data-date-icon="icon-time"></i></span></span>
                        </td>
                    </tr>                    
                </table>

                <br/>

                <div id="validationMessages"></div>

                <button class="btn btn-primary" onclick="createSlot();" id="submitButton">Slot anlegen</button>

            </div>
        </td>
        <td valign="top">
            <div class="well">
                <table cellpadding="0" cellspacing="0" border="0"
                       class="table table-striped table-bordered table-hover table-condensed"
                       id="dataGrid">
                    <caption>OP Slots</caption>
                    <thead>
                    <tr>
                        <th width="120px">Datum</th>
                        <th width="60px">von</th>
                        <th width="60px">bis</th>
                        <th>Typ</th>
                        <th>Arzt</th>
                        <th>Patient</th>
                        <th width="180px" align="center">Aktionen</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td colspan="7" class="dataTables_empty">Lade Daten...</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </td>
    </tr>
</table>


#parse( "footer.html" )